<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="plugins/fullPage.js-2.9.7/jquery.fullpage.min.css" />
		<link rel="stylesheet" href="./css/zepto.fullpage.css" />
		<link rel="stylesheet" href="./css/index.css" />
		<title>闪烁之光</title>
		<link rel="icon" href="images/favicon.ico">
	</head>
	<body>
		<style>
			.txt {
				font-size: .3rem;
				color: #3a59bb;
			}

			.txt_box {
				position: absolute;
				top: 1.7rem;
				left: .8rem;
				display: block;
				text-align: left;
				line-height: 1.1;
				font-weight: bold;
				letter-spacing: .08rem;
			}

			.txt_y {
				color: #ff9100;
				font-size: .45rem;
			}

			.logo {
				position: absolute;
				left: .2rem;
				top: .08rem;
				width: 1.3rem;
			}

			.qr1 {
				position: absolute;
				top: 10.35rem;
				left: 1.42rem;
				width: 1.6rem;
				height: 1.6rem;
			}

			.qr2 {
				position: absolute;
				top: 10.35rem;
				left: 4.45rem;
				width: 1.6rem;
				height: 1.6rem;
			}
		</style>
		<!-- id='capture' style="position: absolute;top:-5000px;width: 100%;" -->
		<div>
			<img src="./images/log.png" class="logo"" />
			<div class=" txt_box">
			<div id="name" class="txt_y">XXXXX</div>
			<div style="margin-top: 0.08rem;" class="txt">2023闪烁年度回忆</div>
		</div>
		<div id="qr1" class="qr1"></div>
		<div id="qr2" class="qr2"></div>
		<img src="./images/fxbg.png" style="width: 100%;" />
		</div>




		<!-- jQuery v3.5.1 -->
		<script src="./js/jquery.slim.min.js"></script>
		<script src="./js/html2canvas.min.js"></script>
		<script src="./js/qrcode.min.js"></script>
		<script src="./js/sgin1.min.js"></script>
		<script src="./config.js"></script>
		<script src="./js/sign.js"></script>
		<script src="./js/storage.js"></script>
		<script src="./js/SY_LOG.min.js"></script>
		<script src="./js/index.js"></script>

		<script>
			$(function() {
				var accountInfo = storage.getItem("accountInfo")
				if (!accountInfo) {
					console.log(accountInfo);
					window.location.href = "./login.html"
					return
				}
				
				$("#name").text(accountInfo.role_info.role_name)
				var qrcode = new QRCode(document.getElementById("qr1"), {
					text: "http://jindo.dev.naver.com/collie",
					colorLight: "#c3e5ff",
					correctLevel: QRCode.CorrectLevel.H
				});

				var qrcode = new QRCode(document.getElementById("qr2"), {
					text: "http://jindo.dev.naver.com/collie",
					colorLight: "#c3e5ff",
					correctLevel: QRCode.CorrectLevel.H
				});

				// html2canvas(document.querySelector("#capture")).then(canvas => {
				// 	//document.body.appendChild(canvas)
				// 	var img = document.createElement('img');
				// 	img.style.width = '100%'
				// 	img.src = canvas.toDataURL('image/png');
				// 	document.body.innerHTML = ''
				// 	document.body.appendChild(img)
				// });
			})
		</script>
	</body>
</html>